<template>
  <div class="start-flow-view-footer-button">
    <div style="height: 1em; overflow: visible; margin-bottom: 0.3em">
      <span class="iconfont" v-html="icon"/>
    </div>
    <div class="button-name">
      {{buttonName}}
    </div>
  </div>
</template>
<script setup>
import {createProps} from '@/utils';

defineOptions({name: 'StartFlowViewFooterButton'});
const props = defineProps({
  icon: createProps(String),
  buttonName: createProps(String)
})
</script>
<style scoped lang="less">
.start-flow-view-footer-button {
  color: #3f7ad6;
}
.start-flow-view-footer-button .button-name {
  font-size: 0.8em;
}
.start-flow-view-footer-button .iconfont {
  font-size: 2em;
  font-weight: bolder;
  line-height: 0.6em;
  color: #92a5b4;
}
.start-flow-view-footer-button {
  text-align: center;
}
</style>